let macarons = {
  color: [
    '#2ec7c9',
    '#b6a2de',
    '#5ab1ef',
    '#ffb980',
    '#d87a80',
    '#8d98b3',
    '#e5cf0d',
    '#97b552',
    '#95706d',
    '#dc69aa',
    '#07a2a4',
    '#9a7fd1',
    '#588dd5',
    '#f5994e',
    '#c05050',
    '#59678c',
    '#c9ab00',
    '#7eb00a',
    '#6f5553',
    '#c14089'
  ],
  title: { textStyle: { fontWeight: 'normal', color: '#008acd' } },
  visualMap: { itemWidth: 15, color: ['#5ab1ef', '#e0ffff'] },
  toolbox: { iconStyle: { normal: { borderColor: '#2ec7c9' } } },
  tooltip: {
    backgroundColor: 'rgba(50,50,50,0.5)',
    axisPointer: {
      type: 'line',
      lineStyle: { color: '#008acd' },
      crossStyle: { color: '#008acd' },
      shadowStyle: { color: 'rgba(200,200,200,0.2)' }
    }
  },
  dataZoom: {
    dataBackgroundColor: '#efefff',
    fillerColor: 'rgba(182,162,222,0.2)',
    handleColor: '#008acd'
  },
  grid: { borderColor: '#eee' },
  categoryAxis: {
    axisLine: { lineStyle: { color: '#008acd' } },
    splitLine: { lineStyle: { color: ['#eee'] } }
  },
  valueAxis: {
    axisLine: { lineStyle: { color: '#008acd' } },
    splitArea: {
      show: true,
      areaStyle: { color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] }
    },
    splitLine: { lineStyle: { color: ['#eee'] } }
  },
  timeline: {
    lineStyle: { color: '#008acd' },
    controlStyle: {
      normal: { color: '#008acd' },
      emphasis: { color: '#008acd' }
    },
    symbol: 'emptyCircle',
    symbolSize: 3
  },
  line: { smooth: true, symbol: 'emptyCircle', symbolSize: 3 },
  candlestick: {
    itemStyle: {
      normal: {
        color: '#d87a80',
        color0: '#2ec7c9',
        lineStyle: { color: '#d87a80', color0: '#2ec7c9' }
      }
    }
  },
  scatter: { symbol: 'circle', symbolSize: 4 },
  map: {
    label: { normal: { textStyle: { color: '#d87a80' } } },
    itemStyle: {
      normal: { borderColor: '#eee', areaColor: '#ddd' },
      emphasis: { areaColor: '#fe994e' }
    }
  },
  graph: {
    color: [
      '#2ec7c9',
      '#b6a2de',
      '#5ab1ef',
      '#ffb980',
      '#d87a80',
      '#8d98b3',
      '#e5cf0d',
      '#97b552',
      '#95706d',
      '#dc69aa',
      '#07a2a4',
      '#9a7fd1',
      '#588dd5',
      '#f5994e',
      '#c05050',
      '#59678c',
      '#c9ab00',
      '#7eb00a',
      '#6f5553',
      '#c14089'
    ]
  },
  gauge: {
    axisLine: {
      lineStyle: {
        color: [
          [0.2, '#2ec7c9'],
          [0.8, '#5ab1ef'],
          [1, '#d87a80']
        ],
        width: 10
      }
    },
    axisTick: { splitNumber: 10, length: 15, lineStyle: { color: 'auto' } },
    splitLine: { length: 22, lineStyle: { color: 'auto' } },
    pointer: { width: 5 }
  }
}

var contrastColor = '#8392A5'
var axisCommon = {
  axisLine: { lineStyle: { color: contrastColor } },
  axisTick: { lineStyle: { color: contrastColor } },
  axisLabel: { textStyle: { color: contrastColor } },
  splitLine: { lineStyle: { type: 'dashed', color: '#aaa' } },
  splitArea: { areaStyle: { color: contrastColor } }
}

var colorPalette = ['#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53', '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42']
var dark = {
  color: colorPalette,
  backgroundColor: '#21202D',
  tooltip: { axisPointer: { lineStyle: { color: contrastColor }, crossStyle: { color: contrastColor } } },
  legend: { textStyle: { color: contrastColor } },
  textStyle: { color: contrastColor },
  title: { textStyle: { color: contrastColor } },
  toolbox: { iconStyle: { normal: { borderColor: contrastColor } } },
  dataZoom: { textStyle: { color: contrastColor } },
  timeline: {
    lineStyle: { color: contrastColor },
    itemStyle: { normal: { color: colorPalette[1] } },
    label: { normal: { textStyle: { color: contrastColor } } },
    controlStyle: { normal: { color: contrastColor, borderColor: contrastColor } }
  },
  timeAxis: axisCommon,
  logAxis: axisCommon,
  valueAxis: axisCommon,
  categoryAxis: axisCommon,
  line: { symbol: 'circle' },
  graph: { color: colorPalette },
  gauge: { title: { textStyle: { color: contrastColor } } },
  candlestick: { itemStyle: { normal: { color: '#FD1050', color0: '#0CF49B', borderColor: '#FD1050', borderColor0: '#0CF49B' } } }
}
dark.categoryAxis.splitLine.show = false

let shine = {
  color: [
    '#c12e34',
    '#e6b600',
    '#0098d9',
    '#2b821d',
    '#005eaa',
    '#339ca8',
    '#cda819',
    '#32a487'
  ],
  title: { textStyle: { fontWeight: 'normal' } },
  visualMap: { color: ['#1790cf', '#a2d4e6'] },
  toolbox: { iconStyle: { normal: { borderColor: '#06467c' } } },
  tooltip: { backgroundColor: 'rgba(0,0,0,0.6)' },
  dataZoom: {
    dataBackgroundColor: '#dedede',
    fillerColor: 'rgba(154,217,247,0.2)',
    handleColor: '#005eaa'
  },
  timeline: {
    lineStyle: { color: '#005eaa' },
    controlStyle: { normal: { color: '#005eaa', borderColor: '#005eaa' } }
  },
  candlestick: {
    itemStyle: {
      normal: {
        color: '#c12e34',
        color0: '#2b821d',
        lineStyle: { width: 1, color: '#c12e34', color0: '#2b821d' }
      }
    }
  },
  graph: { color: colorPalette },
  map: {
    label: {
      normal: { textStyle: { color: '#c12e34' } },
      emphasis: { textStyle: { color: '#c12e34' } }
    },
    itemStyle: {
      normal: { borderColor: '#eee', areaColor: '#ddd' },
      emphasis: { areaColor: '#e6b600' }
    }
  },
  gauge: {
    axisLine: {
      show: true,
      lineStyle: {
        color: [
          [0.2, '#2b821d'],
          [0.8, '#005eaa'],
          [1, '#c12e34']
        ],
        width: 5
      }
    },
    axisTick: { splitNumber: 10, length: 8, lineStyle: { color: 'auto' } },
    axisLabel: { textStyle: { color: 'auto' } },
    splitLine: { length: 12, lineStyle: { color: 'auto' } },
    pointer: { length: '90%', width: 3, color: 'auto' },
    title: { textStyle: { color: '#333' } },
    detail: { textStyle: { color: 'auto' } }
  }
}
let layui = {
  color: [
    '#009688',
    '#1E9FFF',
    '#5FB878',
    '#FFB980',
    '#D87A80',
    '#8d98b3',
    '#e5cf0d',
    '#97b552',
    '#95706d',
    '#dc69aa',
    '#07a2a4',
    '#9a7fd1',
    '#588dd5',
    '#f5994e',
    '#c05050',
    '#59678c',
    '#c9ab00',
    '#7eb00a',
    '#6f5553',
    '#c14089'
  ],
  title: {
    textStyle: {
      fontWeight: 'normal',
      color: '#666'
    }
  },
  dataRange: { itemWidth: 15, color: ['#009688', '#e0ffff'] },
  toolbox: {
    color: ['#1e90ff', '#1e90ff', '#1e90ff', '#1e90ff'],
    effectiveColor: '#ff4500'
  },
  tooltip: {
    backgroundColor: 'rgba(50,50,50,0.5)',
    axisPointer: {
      type: 'line',
      lineStyle: { color: '#009688' },
      crossStyle: { color: '#008acd' },
      shadowStyle: { color: 'rgba(200,200,200,0.2)' }
    }
  },
  dataZoom: {
    dataBackgroundColor: '#efefff',
    fillerColor: 'rgba(182,162,222,0.2)',
    handleColor: '#008acd'
  },
  grid: { borderColor: '#eee' },
  categoryAxis: {
    axisLine: { lineStyle: { color: '#009688' } },
    axisTick: { show: !1 },
    splitLine: { lineStyle: { color: ['#eee'] } }
  },
  valueAxis: {
    axisLine: { lineStyle: { color: '#009688' } },
    splitArea: {
      show: !0,
      areaStyle: { color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] }
    },
    splitLine: { lineStyle: { color: ['#eee'] } }
  },
  polar: {
    axisLine: { lineStyle: { color: '#ddd' } },
    splitArea: {
      show: !0,
      areaStyle: { color: ['rgba(250,250,250,0.2)', 'rgba(200,200,200,0.2)'] }
    },
    splitLine: { lineStyle: { color: '#ddd' } }
  },
  timeline: {
    lineStyle: { color: '#009688' },
    controlStyle: {
      normal: { color: '#009688' },
      emphasis: { color: '#009688' }
    },
    symbol: 'emptyCircle',
    symbolSize: 3
  },
  bar: {
    itemStyle: {
      normal: { barBorderRadius: 2 },
      emphasis: { barBorderRadius: 2 }
    }
  },
  line: { smooth: !0, symbol: 'emptyCircle', symbolSize: 3 },
  k: {
    itemStyle: {
      normal: {
        color: '#d87a80',
        color0: '#2ec7c9',
        lineStyle: { color: '#d87a80', color0: '#2ec7c9' }
      }
    }
  },
  scatter: { symbol: 'circle', symbolSize: 4 },
  radar: { symbol: 'emptyCircle', symbolSize: 3 },
  map: {
    itemStyle: {
      normal: {
        areaStyle: { color: '#ddd' },
        label: { textStyle: { color: '#d87a80' } }
      },
      emphasis: { areaStyle: { color: '#fe994e' } }
    }
  },
  force: { itemStyle: { normal: { linkStyle: { color: '#1e90ff' } } } },
  chord: {
    itemStyle: {
      normal: {
        borderWidth: 1,
        borderColor: 'rgba(128, 128, 128, 0.5)',
        chordStyle: { lineStyle: { color: 'rgba(128, 128, 128, 0.5)' } }
      },
      emphasis: {
        borderWidth: 1,
        borderColor: 'rgba(128, 128, 128, 0.5)',
        chordStyle: { lineStyle: { color: 'rgba(128, 128, 128, 0.5)' } }
      }
    }
  },
  gauge: {
    axisLine: {
      lineStyle: {
        color: [
          [0.2, '#2ec7c9'],
          [0.8, '#5ab1ef'],
          [1, '#d87a80']
        ],
        width: 10
      }
    },
    axisTick: { splitNumber: 10, length: 15, lineStyle: { color: 'auto' } },
    splitLine: { length: 22, lineStyle: { color: 'auto' } },
    pointer: { width: 5 }
  },
  textStyle: { fontFamily: '微软雅黑, Arial, Verdana, sans-serif' }
}

let tdTheme = {
  color: ['#2d8cf0', '#19be6b', '#ff9900', '#E46CBB', '#9A66E4', '#ed3f14'],
  backgroundColor: 'rgba(0,0,0,0)',
  textStyle: {},
  title: {
    textStyle: {
      color: '#516b91'
    },
    subtextStyle: {
      color: '#93b7e3'
    }
  },
  line: {
    itemStyle: {
      normal: {
        borderWidth: '2'
      }
    },
    lineStyle: {
      normal: {
        width: '2'
      }
    },
    symbolSize: '6',
    symbol: 'emptyCircle',
    smooth: true
  },
  radar: {
    itemStyle: {
      normal: {
        borderWidth: '2'
      }
    },
    lineStyle: {
      normal: {
        width: '2'
      }
    },
    symbolSize: '6',
    symbol: 'emptyCircle',
    smooth: true
  },
  bar: {
    itemStyle: {
      normal: {
        barBorderWidth: 0,
        barBorderColor: '#ccc'
      },
      emphasis: {
        barBorderWidth: 0,
        barBorderColor: '#ccc'
      }
    }
  },
  pie: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  scatter: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  boxplot: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  parallel: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  sankey: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  funnel: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  gauge: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      },
      emphasis: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    }
  },
  candlestick: {
    itemStyle: {
      normal: {
        color: '#edafda',
        color0: 'transparent',
        borderColor: '#d680bc',
        borderColor0: '#8fd3e8',
        borderWidth: '2'
      }
    }
  },
  graph: {
    itemStyle: {
      normal: {
        borderWidth: 0,
        borderColor: '#ccc'
      }
    },
    lineStyle: {
      normal: {
        width: 1,
        color: '#aaa'
      }
    },
    symbolSize: '6',
    symbol: 'emptyCircle',
    smooth: true,
    color: ['#2d8cf0', '#19be6b', '#f5ae4a', '#9189d5', '#56cae2', '#cbb0e3'],
    label: {
      normal: {
        textStyle: {
          color: '#eee'
        }
      }
    }
  },
  map: {
    itemStyle: {
      normal: {
        areaColor: '#f3f3f3',
        borderColor: '#516b91',
        borderWidth: 0.5
      },
      emphasis: {
        areaColor: 'rgba(165,231,240,1)',
        borderColor: '#516b91',
        borderWidth: 1
      }
    },
    label: {
      normal: {
        textStyle: {
          color: '#000'
        }
      },
      emphasis: {
        textStyle: {
          color: 'rgb(81,107,145)'
        }
      }
    }
  },
  geo: {
    itemStyle: {
      normal: {
        areaColor: '#f3f3f3',
        borderColor: '#516b91',
        borderWidth: 0.5
      },
      emphasis: {
        areaColor: 'rgba(165,231,240,1)',
        borderColor: '#516b91',
        borderWidth: 1
      }
    },
    label: {
      normal: {
        textStyle: {
          color: '#000'
        }
      },
      emphasis: {
        textStyle: {
          color: 'rgb(81,107,145)'
        }
      }
    }
  },
  categoryAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: '#333'
      }
    },
    axisLabel: {
      show: true,
      textStyle: {
        color: '#999999'
      }
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ['#eeeeee']
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
      }
    }
  },
  valueAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: '#333'
      }
    },
    axisLabel: {
      show: true,
      textStyle: {
        color: '#999999'
      }
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ['#eeeeee']
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
      }
    }
  },
  logAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: '#333'
      }
    },
    axisLabel: {
      show: true,
      textStyle: {
        color: '#999999'
      }
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ['#eeeeee']
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
      }
    }
  },
  timeAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: '#333'
      }
    },
    axisLabel: {
      show: true,
      textStyle: {
        color: '#999999'
      }
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ['#eeeeee']
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
      }
    }
  },
  toolbox: {
    iconStyle: {
      normal: {
        borderColor: '#999'
      },
      emphasis: {
        borderColor: '#666'
      }
    }
  },
  legend: {
    textStyle: {
      color: '#999999'
    }
  },
  tooltip: {
    axisPointer: {
      lineStyle: {
        color: '#ccc',
        width: 1
      },
      crossStyle: {
        color: '#ccc',
        width: 1
      }
    }
  },
  timeline: {
    lineStyle: {
      color: '#8fd3e8',
      width: 1
    },
    itemStyle: {
      normal: {
        color: '#8fd3e8',
        borderWidth: 1
      },
      emphasis: {
        color: '#8fd3e8'
      }
    },
    controlStyle: {
      normal: {
        color: '#8fd3e8',
        borderColor: '#8fd3e8',
        borderWidth: 0.5
      },
      emphasis: {
        color: '#8fd3e8',
        borderColor: '#8fd3e8',
        borderWidth: 0.5
      }
    },
    checkpointStyle: {
      color: '#8fd3e8',
      borderColor: 'rgba(138,124,168,0.37)'
    },
    label: {
      normal: {
        textStyle: {
          color: '#8fd3e8'
        }
      },
      emphasis: {
        textStyle: {
          color: '#8fd3e8'
        }
      }
    }
  },
  visualMap: {
    color: ['#516b91', '#59c4e6', '#a5e7f0']
  },
  dataZoom: {
    backgroundColor: 'rgba(0,0,0,0)',
    dataBackgroundColor: 'rgba(255,255,255,0.3)',
    fillerColor: 'rgba(167,183,204,0.4)',
    handleColor: '#a7b7cc',
    handleSize: '100%',
    textStyle: {
      color: '#333'
    }
  },
  markPoint: {
    label: {
      normal: {
        textStyle: {
          color: '#eee'
        }
      },
      emphasis: {
        textStyle: {
          color: '#eee'
        }
      }
    }
  }
}

export { macarons, dark, shine, layui, tdTheme }
